<template>
    <el-descriptions title="个人信息" :column="3" border>
        <el-descriptions-item>
            <template slot="label">
                <i class="el-icon-user"></i>
                学号
            </template>
            {{ studentInfo.sid }}
        </el-descriptions-item>
        <el-descriptions-item>
            <template slot="label">
                <i class="el-icon-mobile-phone"></i>
                姓名
            </template>
            {{ studentInfo.name }}
        </el-descriptions-item>
        <el-descriptions-item>
            <template slot="label">
                <i class="el-icon-location-outline"></i>
                性别
            </template>
            {{ studentInfo.gender }}
        </el-descriptions-item>
        <el-descriptions-item>
            <template slot="label">
                <i class="el-icon-tickets"></i>
                    
            </template>
            {{ studentInfo.grade }}
        </el-descriptions-item>
        <el-descriptions-item>
            <template slot="label">
                <i class="el-icon-office-building"></i>
                学院
            </template>
            {{ studentInfo.academy }}
        </el-descriptions-item>
        <el-descriptions-item>
            <template slot="label">
                <i class="el-icon-office-building"></i>
                专业
            </template>
            {{ studentInfo.major }}
        </el-descriptions-item>

        <el-descriptions-item>
            <template slot="label">
                <i class="el-icon-office-building"></i>
                班级
            </template>
            {{ studentInfo.className }}
        </el-descriptions-item>
    </el-descriptions>
</template>
<script>
export default {
    data() {
        return {
            sid: localStorage.getItem("sid"),
            studentInfo: {
                sid: '2020204713',
                name: '徐利发',
                gender: '男',
                grade: '2020',
                academy: '计算机科学技术学院',
                major: '软件工程（外包）',
                className: '20软件J01'
            }
        }
    },
    created() {
        this.request.get("/student/info", this.sid).then(res => {
            this.studentInfo = res.studentInfo;
        }).catch(() => {

        })
    }

}
</script>
<style scoped></style>